سون لرن • آموزش

در این قسمت میخوام یک کد ( Animated Boatin ) جالب رو در اختیارتون بذارم.

همونطور که دیدین یک قایق زیبا بصورت انیمیشنی قرار داده شده و میتونین از نحوه کد نویسی اون ایده بگیرید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

- - , .

سون لرن • آموزش...

در این قسمت میخوام یک کد ( Animated cube slider ) جالب رو در اختیارتون بذارم.

همونطور که دیدین یک اسلایدر بصورت مکعبی قرار داده شده و با استفاده از CSS ساخته شده است.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

- - , .

سون لرن • آموزش...

به نام خدا و سلام. در خدمت شما هستیم با جلسه 59 ام از دوره مجازی آموزش طراحی قالب حرفه ای وردپرس. در این جلسه قصد داریم تایید کردن پرداخت کاربر هنگام برگشت از درگاه یانک را آموزش دهیم. در ابتدا تابعی برای تایید پرداخت کاربر خواهیم نوشت و سپس در صفحه پرداخت که کاربر را به درگاه بانک منتقل کرده بودیم از این تابع استفاده خواهیم کرد و مبلغ پرداخت شده کاربر را با استفاده از تابع Verify_Request تایید خواهیم کرد در صورت تایید درگاه بانک کاربر وجه را به صورت موفق پرداخت کرده است و ما رکورد دیتابیس را به صورت تایید شده به روز رسانی می کنیم در غیر این صورت پیغام خطا را به کاربر نشان خواهیم داد. در این جلسه خواهیم دید :

• پیاده سازی تابع تایید پرداخت درگاه آسان پرداخت
• استفاده از این تابع در صفحه مربوطه درگاه آسان پرداخت
• به روز رسانی دیتابیس و تغییر وضعیت پرداخت کاربر

توضیحات : بعد از درخواست های فراوان دوستان برای برگزاری دوره آموزش طراحی قالب وردپرس به صورت حرفه ای و تلاش سون لرن برای انجام مقدمات برگزاری دوره بالاخره انتظار ها به پایان رسید.در این دوره یک قالب حرفه ای و مردن با افکت های زیبا را به همراه کد نویسی بهینه و هم چنین امکانات متعدد یک وب سایت دانلود و آموزش را با هم پیاده سازی خواهیم کرد.برای راحتی کار دوره به سه بخش کلی تقسیم شده که بخش اول طراحی قالب در فتوشاپ - بخش دوم تبدیل قالب طراحی شده به HTML و CSS و بخش سوم هم پیاده سازی قالب با امکانات حرفه ای در وردپرس هست.چنانچه قبلا در دوره های دیگر سون لرن شرکت کرده اید این دوره علاوه بر آموزش کامل وردپرس تمرینی بسیار حرفه ای برای شما خواهد بود و هم اکنون با محتوایی غنی تر و حرفه ای تر و قیمتی بسیار کمتر از آن چه در دوره های حضوری وجود دارد می توانید در آن ثبت نام کنید !

- - , .

سون لرن • آموزش...

در این قسمت میخوام یک کد ( Animated Thumbs Up ) جالب رو در اختیارتون بذارم.

همونطور که دیدین بصورت انیمیشنی یک دست رو قرار داده و تعداد Share رو نمایش میده. میتونین از این کد ایده بگیرید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

- - , .

سون لرن • آموزش...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون آموزش داده شده که چطور با راهنمایی و اشاره کردن به منابع مختلف Performance سایتتون رو بالاتر ببرید و به سرعت لود اون کمک کنید. یکی از مواردی که در مورد اون بحث میشه dns-prefetch هست که به مرورگر میفهمونه که این DNS رو بیاد داشته باشه و مدت زمان کمتری طول بکشه تا به اون وصل شه.

برای شروع وارد سایت Precognitive-Pages بشین.

امیدوارم بدردتون بخوره.

موفق باشید.

یا علی

- - , .

سون لرن • آموزش...

در این جلسه ادامه بحث بهینه سازی داخلی سایت یا on-Page Seo رو ادامه خواهیم داد...     مطالب مطرح شده در این جلسه عبارتند از :

• بهنیه سازی لینک های داخلی سایت
• تاثیر نام دامین و پسوند آن بر سئو
• تاثیر ساب دامین و ساب فولدر بر سئو
• تاثیر پارک دامین روی سئو
• نسبت متن به کد
• infinite scrolling
• ایندکس چیست و راه های افزایش سرعت آن
• نرخ بروزرسانی سایت
• over optimization
• و...

 ویدیو در حال رندر و آپلود می باشد...  

توضیحات : Seo مخفف Search Engine Optimization به معنای بهینه سازی سایت برای موتور های جستجو می باشد. با توجه به درخواست های بالای کاربران ، مبنی بر برگزاری دوره سئو و همچنین نیاز به برگزاری یک دوره جامع برای آشنایی بیشتر وبمستران با بحث سئو ، برآن شدیم که یکی از دوره های سایت سون لرن را به مبحث SEO اختصاص دهیم. شما اگر بهترین برنامه نویس ، بهترین طراح رابط کاربری باشید و یا به طور کلی صاحب بهترین سایت هم که باشید ، تا زمانی که با بحث SEO آشنایی نداشته باشید نمیتوانید در سطح اینترنت خدمات ، کالا یا ... را به مخاطبانتان معرفی کنید یا به فروش برسانید. بنابرین سئو یک مبحث ضروری برای تمامی وبمستران و طراحان وب سایت می باشد که بایستی با آن آشنایی داشته باشند. متاسفانه بسیاری از طراحان وب و وبمسترها باورهای اشتباهی در رابطه با سئو دارند که باعث میشود این مبحث را یک چیز ساده یا برعکس یه چیز خیلی پیچیده بدانند. آیا میزان سئوی وب سایت خودتان رو براساس ابزار های آنالیز سئو تشخیص میدهید؟ آیا سئوی سایت خود را در طراحی قالب سایت خود می بینید؟ آیا سئوی سایت را در قرار دادن لینک خود در سایت های دیگر می بینید ؟ آیا سئو سایت را در نصب افزونه های موجود برای CMS های خود میدانید؟ بسیاری از سوالات این چنینی ممکن است ذهن شما را درگیر کرده باشد! در این دوره شما با پاسخ این سوالات و نحوه برخورد صحیح با آن ها آشنا خواهید شد. باید بدانید که سئو محدود به یک زمینه خاص نیست ، سئو ؛ ترکیبی از علم ، هنر و خلاقیت است. ما در این دوره سعی می کنیم به صورت جامع شما را با مفاهیم سئو به دور از اغراق و کاملا صادقانه آشنا کنیم تا خودتان بهینه ساز سایت خودتان باشید. امید است این دوره نیز برای شما دوستان گرامی مفید واقع گردد.

- - , .

سون لرن • آموزش...

در این قسمت میخوام یک کد ( Canvas Fireworks ) جالب رو در اختیارتون بذارم.

همونطور که دیدین یک حالت آتش بازی قرار داده شده و هر جا که کلیک کنید یک مورد جدید بوجود میاد و با حالتی زیبا به پایان میرسه. میتونین از این کد ایده بگیرید و برای زیبایی سایتتون از اون استفاده کنید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

- - , .

سون لرن • آموزش...

در این قسمت میخوام یک کد ( Animated Weather Icons ) جالب رو در اختیارتون بذارم.

همونطور که دیدین تعدادی آیکون انیمیشنی برای آب و هوا قرار داده شده و میتونین از اونا استفاده کنید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

- - , .

سون لرن • آموزش...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک قالب زیبا برای ایمیل قرار داده شده و میتونین اونو بصورت رایگان دانلود کرده و استفاده کنید.

برای شروع وارد سایت passion بشین.

امیدوارم بدردتون بخوره.

موفق باشید.

یا علی

- - , .

سون لرن • آموزش...

در این قسمت میخوام یک کد ( Confettis Generator ) جالب رو در اختیارتون بذارم.

همونطور که دیدین یک افکت زیبای پخش کاغذ رنگی قرار داده شده و میتونین تنظیمان اون رو متناسب با سلیقتون عوض کنید. مثلا میتونین تعداد ذرات رو بیشتر کنید و یا اینکه جاذبه رو بیشتر کنید و ...

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

- - , .

سون لرن • آموزش...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون 20 آیکون مربوط به دریا قرار داده شده و میتونین بصورت رایگان اونا رو دانلود کرده و استفاده کنید. این آیکون ها در سایز 90 پیکسل موجود هستن.

برای شروع وارد سایت sea-elements-icons بشین.

امیدوارم بدردتون بخوره.

موفق باشید.

یا علی

- - , .

سون لرن • آموزش...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که میتونین با استفاده از اون بسادگی گرادیانهای مورد نظر خودتون رو بسازید. روند کار به این صورت هست که در ابتدا یک رنگ از سمت چپ و رنگ دیگری رو در سمت راست انتخاب میکنید و بعد از اون بر روی دکمه وسط کلیک میکنید. با اینکار یک گرادیان تشکیل میشه و میتونین کدهای اون رو بردارید و استفاده کنید. میتونید با جابجا کردن اون دکمه وسط هم بر گرادیان کنترل داشته باشید.

برای شروع وارد سایت blend بشین.

امیدوارم بدردتون بخوره.

موفق باشید.

یا علی

- - , .

سون لرن • آموزش...

در این قسمت میخوام یک کد ( CSS Flat Building ) جالب رو در اختیارتون بزارم.

همونطور که دیدین یک ساختمان بصورت انیمیشنی با استفاده از CSS ساخته شده و میتونین از اون ایده بگیرید. هر بار که انیمیشن به پایان میرسه میتونین دوباره اونو از اول شروع کنید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

- - , .

سون لرن • آموزش...

در این قسمت میخوام یک کد ( Construction Machine ) جالب رو در اختیارتون بذارم.

همونطور که دیدین در اون یک ماشین کشاورزی رو با استفاده از CSS درست کرده و حالت انیمیشنی به اون داده.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

- - , .

سون لرن • آموزش...

در این جلسه 14 از فصل بهینه سازی داخلی سایت (on-page seo) به بهینه سازی محتوای متنی می پردازیم. مواردی که در این جلسه بهش پرداخته میشه شامل بهینه سازی تگ title ، بهینه سازی متن محتوا ، بهینه سازی URL و مطالب دیگه ای مرتبط به بهینه سازی داخل سایت است که خدمت شما عزیزان خواهیم گفت.     مطالب مطرح شده در این جلسه عبارتند از :

• بهینه سازی محتوای متنی
• بهینه سازی تگ عنوان
• بهنیه سازی متن مطالب سایت
• بهینه سازی آدرس مطالب

 

توضیحات : Seo مخفف Search Engine Optimization به معنای بهینه سازی سایت برای موتور های جستجو می باشد. با توجه به درخواست های بالای کاربران ، مبنی بر برگزاری دوره سئو و همچنین نیاز به برگزاری یک دوره جامع برای آشنایی بیشتر وبمستران با بحث سئو ، برآن شدیم که یکی از دوره های سایت سون لرن را به مبحث SEO اختصاص دهیم. شما اگر بهترین برنامه نویس ، بهترین طراح رابط کاربری باشید و یا به طور کلی صاحب بهترین سایت هم که باشید ، تا زمانی که با بحث SEO آشنایی نداشته باشید نمیتوانید در سطح اینترنت خدمات ، کالا یا ... را به مخاطبانتان معرفی کنید یا به فروش برسانید. بنابرین سئو یک مبحث ضروری برای تمامی وبمستران و طراحان وب سایت می باشد که بایستی با آن آشنایی داشته باشند. متاسفانه بسیاری از طراحان وب و وبمسترها باورهای اشتباهی در رابطه با سئو دارند که باعث میشود این مبحث را یک چیز ساده یا برعکس یه چیز خیلی پیچیده بدانند. آیا میزان سئوی وب سایت خودتان رو براساس ابزار های آنالیز سئو تشخیص میدهید؟ آیا سئوی سایت خود را در طراحی قالب سایت خود می بینید؟ آیا سئوی سایت را در قرار دادن لینک خود در سایت های دیگر می بینید ؟ آیا سئو سایت را در نصب افزونه های موجود برای CMS های خود میدانید؟ بسیاری از سوالات این چنینی ممکن است ذهن شما را درگیر کرده باشد! در این دوره شما با پاسخ این سوالات و نحوه برخورد صحیح با آن ها آشنا خواهید شد. باید بدانید که سئو محدود به یک زمینه خاص نیست ، سئو ؛ ترکیبی از علم ، هنر و خلاقیت است. ما در این دوره سعی می کنیم به صورت جامع شما را با مفاهیم سئو به دور از اغراق و کاملا صادقانه آشنا کنیم تا خودتان بهینه ساز سایت خودتان باشید. امید است این دوره نیز برای شما دوستان گرامی مفید واقع گردد.

- - , .

سون لرن • آموزش...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون آزمونی برای EcmaScript 6 قرار داده شده و میتونین از اون استفاده کنید و دانش خودتون رو بسنجید. برای جابجا شدن بین صفحات از کلیدهای سمت راست و چپ صفحه کلید استفاده کنید.

برای شروع وارد سایت es6-quiz بشین.

امیدوارم بدردتون بخوره.

موفق باشید.

یا علی

- - , .

سون لرن • آموزش...

در این قسمت میخوام یک کد ( Cute Owl ) جالب رو در اختیارتون بذارم.

همونطور که دیدین ظاهر یک جغد با استفاده از CSS ساخته شده و میتونین از اون ایده بگیرید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

- - , .

سون لرن • آموزش...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که سایتی زیبا و دیدنی است و میتونین از اون ایده بگیرید.

برای شروع وارد سایت nlee بشین.

امیدوارم بدردتون بخوره.

موفق باشید.

یا علی

- - , .

سون لرن • آموزش...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون 20 آیکون در سایز 100 پیکسل قرار داده شده و میتونین بصورت رایگان اونا رو دانلود کرده و استفاده کنید.

برای شروع وارد سایت halloween-icons بشین.

امیدوارم بدردتون بخوره.

موفق باشید.

یا علی

- - , .

سون لرن • آموزش...

در این قسمت میخوام یک کد ( Floaty fluttery rainbow stars ) جالب رو در اختیارتون بزارم.

همونطور که دیدین افکتی زیبا با استفاده از ستاره ها درست شده و میتونین از اون در سایتتون استفاده کنید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

- - , .

سون لرن • آموزش...